<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>{$site.name}</title>
	</head>
	<!-- 结 构 代 码 -->
	<body class="layui-layout-body pear-admin">
		<!-- 布 局 框 架 -->
		<!--<div class="layui-layout layui-layout-admin">-->
			<!-- 顶 部 样 式 -->
		<!--	<div class="layui-header">-->
				<!-- 菜 单 顶 部 -->
		<!--		<div class="layui-logo">-->
					<!-- 图 标 -->
		<!--			<img class="logo"></img>-->
					<!-- 标 题 -->
		<!--			<span class="title">{$site.name}</span>-->
		<!--		</div>-->
				<!-- 顶 部 左 侧 功 能 -->
		<!--		<ul class="layui-nav layui-layout-left">-->
		<!--			<li class="collaspe layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>-->
		<!--			<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading = 600></a></li>-->
		<!--		</ul>-->
				<!-- 多 系 统 菜 单 -->
		<!--		<div id="control" class="layui-layout-control"></div>-->
				<!-- 顶 部 右 侧 菜 单 -->
		<!--		<ul class="layui-nav layui-layout-right">-->
		<!--			<li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>-->
		<!--			<li class="layui-nav-item layui-hide-xs message"></li>-->
		<!--			<li class="layui-nav-item user">-->
						<!-- 头 像 -->
		<!--				<a class="layui-icon layui-icon-username" href="javascript:;"></a>-->
						<!-- 功 能 菜 单 -->
		<!--				<dl class="layui-nav-child">-->
		<!--					<dd><a user-menu-url="view/system/person.html" user-menu-id="5555" user-menu-title="基本资料">基本资料</a></dd>-->
		<!--					<dd><a href="javascript:void(0);" class="logout">{:__('Logout')}</a></dd>-->
		<!--				</dl>-->
		<!--			</li>-->
					<!-- 主 题 配 置 -->
		<!--			<li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>-->
		<!--		</ul>-->
		<!--	</div>-->
			<!-- 侧 边 区 域 -->
		<!--	<div class="layui-side layui-bg-black">-->
				<!-- 菜 单 顶 部 -->
		<!--		<div class="layui-logo">-->
					<!-- 图 标 -->
		<!--			<img class="logo"></img>-->
					<!-- 标 题 -->
		<!--			<span class="title"></span>-->
		<!--		</div>-->
				<!-- 菜 单 内 容 -->
		<!--		<div class="layui-side-scroll">-->
		<!--			<div id="sideMenu"></div>-->
		<!--		</div>-->
		<!--	</div>-->
			<!-- 视 图 页 面 -->
		<!--	<div class="layui-body">-->
				<!-- 内 容 页 面 -->
		<!--		<div id="content"></div>-->
		<!--	</div>-->
			<!-- 遮 盖 层 -->
		<!--	<div class="pear-cover"></div>-->
			<!-- 加 载 动 画 -->
		<!--	<div class="loader-main">-->
				<!-- 动 画 对 象 -->
		<!--		<div class="loader"></div>-->
		<!--	</div>-->
		<!--</div>-->
		
		
		
		<!-- 布 局 框 架 -->
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<!-- 顶 部 左 侧 功 能 -->
				<ul class="layui-nav layui-layout-left">
					<li class="collaspe layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
					<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading=600></a></li>
				</ul>
				<!-- 顶 部 右 侧 菜 单 -->
				<div id="control" class="layui-layout-control"></div>
				<ul class="layui-nav layui-layout-right" lay-filter="layui_nav_right">
					<li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
                    <li class="layui-nav-item user">
						<!-- 头 像 -->
						<a href="javascript:;">
							<img src="{$admininfo.avatar}" class="layui-nav-img">
							  {$admininfo.username}
             
						</a>
						<!-- 功 能 菜 单 -->
                        <dl class="layui-nav-child">
                            <!--<dd>-->
                            <!--    <a href="javascript:void(0);" class="password">-->
                            <!--        修改密码-->
                            <!--    </a>-->
                            <!--</dd>-->
                            <!--<dd>-->
                            <!--    <a href="javascript:void(0);" class="cache">-->
                            <!--        清理缓存-->
                            <!--    </a>-->
                            <!--</dd>-->
                            <dd>
                                <a href="javascript:void(0);" class="logout">
                                    退出登录
                                </a>
                            </dd>
                        </dl>
					</li>
					<!-- 主 题 配 置 -->
					<li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
				</ul>
			</div>
			<!-- 侧 边 区 域 -->
			<div class="layui-side layui-bg-black">
				<!-- 顶 部 图 标 -->
				<div class="layui-logo">
					<!-- 图 表 -->
					<img class="logo"></img>
					<!-- 标 题 -->
					<span class="title"></span>
				</div>
				<!-- 侧 边 菜 单 -->
				<div class="layui-side-scroll">
					<div id="sideMenu"></div>
				</div>
			</div>
			<!-- 视 图 页 面 -->
			<div class="layui-body">
				<!-- 内 容 页 面 -->
				<div id="content"></div>
			</div>
		</div>
		
		
		
		<!-- 移 动 端 便 捷 操 作 -->
		<div class="pear-collasped-pe collaspe">
			<a href="#" class="layui-icon layui-icon-shrink-right"></a>
		</div>
		<!-- 框 架 初 始 化 -->
		<script>
			 layui.use(['admin', 'jquery', 'layer','element','popup'], function() {
            var $ = layui.jquery;
            var layer = layui.layer;
            var layelem = layui.element;
            var admin = layui.admin;
            var popup = layui.popup;
            
			admin.render({
                "logo": {
                    "title": "{$site.name}",
                    "image": "/static/admin/images/logo.png"
                },
                "menu": {
                    "data": "{:url('index/menu')}",
                    // "data": "/static/admin/data/menu.json",
                    "accordion": true,
                    "control": false,
                    "select": "0"
                },
                "tab": {
                    //"muiltTab": true,//这里没用是个bug用下面的enable开启。
                    //是否开启多选项卡
                    "enable": true,
                    "keepState": true,
                    "session": true,
                    "tabMax": 30,
                    "index": {
                        "id": "0",
                        "href": "{:url('index/welcome')}",
                        "title": "控制台"
                    }
                },
                "theme": {
                    "defaultColor": "2",
                    "defaultMenu": "dark-theme",
                    "defaultHeader": "light-theme",
                    "allowCustom": true,
                    "banner":false
                },
                "colors": [{
                        "id": "1",
                        "color": "#2d8cf0",
                        "second":"#ecf5ff"
                    },
                    {
                        "id": "2",
                        "color": "#36b368",
                        "second":"#f0f9eb"
                    },
                    {
                        "id": "3",
                        "color": "#f6ad55",
                        "second":"#fdf6ec"
                    }, {
                        "id": "4",
                        "color": "#f56c6c",
                        "second":"#fef0f0"
                    }, {
                        "id": "5",
                        "color": "#3963bc",
                        "second":"#ecf5ff"
                    }
                ],
                "other": {
                    "keepLoad": 100
                },
                "header":{
                    message: false
                }
            });
				
				 layelem.on('nav(layui_nav_right)', function(elem) {
                if ($(elem).hasClass('logout')) {
                    layer.confirm('确定退出登录吗?', function(index) {
                        layer.close(index);
                        	popup.success("退出成功",function(){
						location.href = "{:url('login/logout')}";
					})
                        
                        
                    });
                }else if ($(elem).hasClass('password')) {
                    layer.open({
                        type: 2,
                        maxmin: true,
                        title: '修改密码',
                        shade: 0.1,
                        area: ['300px', '300px'],
                        content:'{$Request.root}/index/pass'
                    });
                }else if ($(elem).hasClass('cache')) {
                    $.post('{$Request.root}/index/cache',
                    function(data){
                        layer.msg(data.msg, {time: 1500});
                        location.reload()
                    });

                }

            });
				
			})
		</script>		
	</body>
</html>
